<!-- background-->
<script type="text/javascript">
        var text = [''
                    ];
        $(document).ready(function() {
            $('#gallery').bgslider({
                images: "["+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg1.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg2.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg3.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg4.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg5.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg6.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg7.jpg', title: 'k2 covered in clouds' }"+
				"]",
                speed: 5000,
                preloadall: false,
				loading: '<?php echo base_url()?>templates/js/backgroundslider/images/loading.gif',
                onslidechange: function(src, index) {
                    $('#contents').html(text[index]);
                }
            });
        });       
    </script>
<!--end baclground-->
<!--google--map-->
<script type="text/javascript" src="http://www.google.com/jsapi?key=AIzaSyCWjV6WtXmm_2uB8IwoTKMXiOADfgWuXw8"></script>
<script type="text/javascript">
google.load("maps", "2",{"other_params":"sensor=true"});
function initialize() {
var map_google = new google.maps.Map2(document.getElementById("map"));
map_google.setCenter(new google.maps.LatLng(10.855039053022328, 106.62866055965424), 15);
map_google.openInfoWindow(map_google.getCenter(), document.createTextNode("193 Đông Bắc, Tân Chánh Hiệp, Quận 12, TP HCM"));
}
google.setOnLoadCallback(initialize);
</script>
<!--end google--map-->

<div id="wrapper">
  <div id="slider">
    <div id="templatemo_wrapper">
      <div class="scroll">
        <div class="scrollContainer">
          <div class="panel" id="lienhe"> 
            <div id="box_contact">
              <!--information--> 
              <div id="information">
              <div id="word">CÔNG TY TNHH XAN</div> 
              <b style="color:#0db5d9; text-decoration:underline; margin-bottom:5px;">VĂN PHÒNG:</b><br />
				  Địa chỉ: <?=$contact->address;?><br />
                  Điện thoại: <?=$contact->phone;?><br />
                  Email: <i style="color:#0db5d9;"><?=$contact->email;?></i><br />
                  Website: <i style="color:#0db5d9;"><?=$contact->website;?></i><br />
                  <p><?=$contact->content;?></p>
              </div>
              <!--end information--> 
              <!--map-->
              <div id="map"> </div>
              <!--end map--> 
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
